<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="bilibili.css">
    <link rel="stylesheet" href="node_modules/nprogress/nprogress.css">
    <script type="text/javascript" src="node_modules/nprogress/nprogress.js"></script>
</head>

<body>
    <header></header>
    <section>
        <figure>
            <img src="bilibili/1.jpg">
            <div class="mask"></div>
            <div class="info">
                <div class="title">这是标题XXX，这是标题XXX。</div>
                <p class="up">up主：奔跑的一楠</p>
                <p class="play">播放：111</p>
            </div>
            <figcaption>XXX视频标题XXX</figcaption>
        </figure>
        <figure>
            <img src="bilibili/2.jpg">
            <div class="mask"></div>
            <div class="info">
                <div class="title">这是标题XXX，这是标题XXX。</div>
                <p class="up">up主：奔跑的一楠</p>
                <p class="play">播放：9527</p>
            </div>
            <figcaption>XXX视频标题XXX</figcaption>
        </figure>
        <figure>
            <img src="bilibili/3.jpg">
            <div class="mask"></div>
            <div class="info">
                <div class="title">这是标题XXX，这是标题XXX。</div>
                <p class="up">up主：奔跑的一楠</p>
                <p class="play">播放：77494</p>
            </div>
            <figcaption>XXX视频标题XXX</figcaption>
        </figure>
        <figure>
            <img src="bilibili/4.jpg">
            <div class="mask"></div>
            <div class="info">
                <div class="title">这是标题XXX，这是标题XXX。</div>
                <p class="up">up主：奔跑的一楠</p>
                <p class="play">播放：77494</p>
            </div>
            <figcaption>XXX视频标题XXX</figcaption>
        </figure>
        <figure>
            <img src="bilibili/5.jpg">
            <div class="mask"></div>
            <div class="info">
                <div class="title">这是标题XXX，这是标题XXX。</div>
                <p class="up">up主：奔跑的一楠</p>
                <p class="play">播放：77494</p>
            </div>
            <figcaption>XXX视频标题XXX</figcaption>
        </figure>
        <figure>
            <img src="bilibili/6.jpg">
            <div class="mask"></div>
            <div class="info">
                <div class="title">这是标题XXX，这是标题XXX。</div>
                <p class="up">up主：奔跑的一楠</p>
                <p class="play">播放：77494</p>
            </div>
            <figcaption>XXX视频标题XXX</figcaption>
        </figure>
        <figure>
            <img src="bilibili/7.jpg">
            <div class="mask"></div>
            <div class="info">
                <div class="title">这是标题XXX，这是标题XXX。</div>
                <p class="up">up主：奔跑的一楠</p>
                <p class="play">播放：77494</p>
            </div>
            <figcaption>XXX视频标题XXX</figcaption>
        </figure>
        <figure>
            <img src="bilibili/8.jpg">
            <div class="mask"></div>
            <div class="info">
                <div class="title">这是标题XXX，这是标题XXX。</div>
                <p class="up">up主：奔跑的一楠</p>
                <p class="play">播放：77494</p>
            </div>
            <figcaption>XXX视频标题XXX</figcaption>
        </figure>
    </section>
</body>
<script type="text/javascript">
NProgress.start();
NProgress.done();
</script>
</html>